﻿@{
    ViewBag.Title = "Test Page";
}

<!-- Ólöf doing some stuff :) -->
<div class="container">

<!-------->
<div id="content">
    <ul id="tabs" class="nav nav-tabs">
        <li class="active"><a href="#red" data-toggle="tab">Course Home</a></li>
        <li><a href="#orange" data-toggle="tab">Lectures</a></li>
        <li><a href="#yellow" data-toggle="tab">Online exams</a></li>
        <li><a href="#green" data-toggle="tab">Assignments</a></li>
        <li><a href="#blue" id="showmefirst" data-toggle="tab">Course description</a></li>
    </ul>
    <div id="my-tab-content" class="tab-content">
        <div class="tab-pane active" id="red">
            <h1>Course Home</h1>       
            <div class="mainDiv">   
                <div class="mainDivTop"> 
                    <div class="mainDivLeft">
                        <h2>Deadlines</h2>
                        <p>Assignment 2: 2 days</p>
                        <p>Online exam 3: 4 days </p> 
                        <p>Assignment 3: 4 days</p> 
                    </div>    
                    <div class="mainDivRight">
                        <h2>Latest achivements</h2>
                        <p>Here is something</p>
                    </div>
                </div>
                <div class="mainDivBottom">
                    <p>Your score is: 97 XP</p>
                    <p>You are at level: 2</p>
                    <p>Here is level indicator</p>
                    <p>Here is course indicator</p>
                </div>
            </div>
        </div>
        <div class="tab-pane" id="orange">
            <h1>Lectures</h1>
            <div class="mainDiv">   
                <div class="mainDivTop"> 
                    <div class="mainDivLeft">
                        <p>Here is something</p> 
                    </div>    
                    <div class="mainDivRight">
                        <p>Here is something else</p>
                    </div>
                </div>
                <div class="mainDivBottom">
                    <p>blah</p>
                </div>
            </div>
        </div>
        <div class="tab-pane" id="yellow">
            <h1>Online exams</h1>
            <div class="mainDiv">   
                <div class="mainDivTop"> 
                    <div class="mainDivLeft">
                        <p>Here is something</p> 
                    </div>    
                    <div class="mainDivRight">
                        <p>Here is something else</p>
                    </div>
                </div>
                <div class="mainDivBottom">
                    <p>blah</p>
                </div>
            </div>
        </div>
        <div class="tab-pane" id="green">
            <h1>Assignments</h1>
            <div class="mainDiv">   
                <div class="mainDivTop"> 
                    <div class="mainDivLeft">
                        <p>Here is something</p> 
                    </div>    
                    <div class="mainDivRight">
                        <p>Here is something else</p>
                    </div>
                </div>
                <div class="mainDivBottom">
                    <p>blah</p>
                </div>
            </div>
        </div>
        <div class="tab-pane" id="blue">
            <h1>Course description</h1>
            <div class="mainDiv">   
                <div class="mainDivTop"> 
                    <div class="mainDivLeft">
                        <p>Here is something</p> 
                    </div>    
                    <div class="mainDivRight">
                        <p>Here is something else</p>
                    </div>
                </div>
                <div class="mainDivBottom">
                    <p>blah</p>
                </div>
            </div>
        </div>
    </div>
</div>


<script type="text/javascript">
    jQuery(document).ready(function ($) {
        $('#tabs').tab();
    });
</script> 
</div> <!-- container -->


<!-- Eiki's stuff:
<h2>The loveliest test page</h2>
<p>Something testing something something nice nice nice nice</p>
-->